<template>
	<view class="">
		<u-navbar :is-back="false" title="首页" :background="{backgroundColor:'#E62131'}"
			title-color="#ffffff"></u-navbar>
		<view class="topnams">
			<u-swiper :list="list" height="200" border-radius="0"></u-swiper>
		</view>
		<view class="lsitltets fliexs space_between">
			<view class="listtop" @click="topagesList('./classAttendance')">
				<image class="images" src="../../static/images/bankekaoqing.png" mode=""></image>
				<view class="namets">
					班课考勤
				</view>
			</view>
			<view class="listtop" @click="topagesList('./classroomReport')">
				<image class="images" src="../../static/images/ketangbaogao.png" mode=""></image>
				<view class="namets">
					课堂报告
				</view>
			</view>
			<view class="listtop" @click="topagesList('./studentAdmin')">
				<image class="images" src="../../static/images/xueyuan.png" mode=""></image>
				<view class="namets">
					学员管理
				</view>
			</view>
		</view>
		<view class="lsitltets fliexs space_between">
			<view class="listtop" @click="topagesList('./studentLeave')">
				<image class="images" src="../../static/images/qingjia.png" mode=""></image>
				<view class="namets">
					学员请假
				</view>
			</view>
			<view class="listtop" @click="topagesList('./myCurriculum')">
				<image class="images" src="../../static/images/kebiao.png" mode=""></image>
				<view class="namets">
					我的课表
				</view>
			</view>
			<view class="listtop">

			</view>
		</view>



		<!-- <nanvBar currentTab="home"></nanvBar> -->
	</view>
</template>

<script>
	// import nanvBar from "@/components/nanvBar.vue"
	export default {
		// components: {
		// 	nanvBar
		// },
		data() {
			return {
				users: null,
				list: [{
					image: 'https://www.fbty.tech/classHourSystem/0d46830ed8c74409825cb2a0654af1eb.jpg',
				}],
			}
		},
		onLoad(options) {

		},
		onShareAppMessage(res) {
			return {
				title: '',
				path: "/pages/index/index"
			}
		},
		onShow() {

		},
		onReachBottom() {

		},
		methods: {
			outLogin() {
				uni.clearStorage();
				uni.redirectTo({
					url: "./index"
				})
			},
			getUserInfoApi() {
				uni.$api.common.getUserInfo().then((res) => {
					this.users = res.result
				});
			},
			topagesList(url) {
				uni.navigateTo({
					url
				})
			},
			topaesad() {
				uni.navigateTo({
					url: "./indexlist"
				})
			},
		}
	}
</script>

<style lang="scss">
	.topnams {
		width: 100%;
		// padding:20rpx;
		text-align: center;
		color: #ffffff;
		margin-bottom: 40rpx;

		.imagelogos {
			margin-top: 100rpx;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
		}

		.nematest {
			font-size: 26rpx;
			margin: 20rpx 0;
		}

		.names {
			font-weight: 32rpx;
			font-weight: bold;
		}
	}

	.listads {
		border-bottom: 1px solid #F5F5F5;
		width: 100%;
		height: 200rpx;
		margin-bottom: 100rpx;

		.lists {
			width: 49%;
			height: 200rpx;

			font-size: 30rpx;

			.texts {
				color: #000000;
				text-align: center;
				width: 100%;
				margin-bottom: 30rpx;
			}

			.pricenum {
				font-size: 40rpx;
				font-weight: 600;
				color: #E62131;
				text-align: center;
			}

			.nums {
				font-weight: bold;
				text-align: center;
			}
		}

		.centerborder {
			width: 1px;
			background-color: #F5F5F5;
			height: 80%;
		}
	}

	.lsitltets {
		// padding: 0 30rpx;
		margin-bottom: 40rpx;

		.listtop {
			width: 33%;
			text-align: center;
			font-size: 32rpx;

			// color: #E62131;
			image {
				width: 60rpx;
				height: 60rpx;
				margin-bottom: 30rpx;
			}
		}
	}

	.outlogin {
		width: 40%;
		padding: 20rpx 0;
		text-align: center;
		color: #ffffff;
		border-radius: 50rpx;
		background-color: #E62131;
		margin: 0 auto;
		margin-top: 150rpx;
	}
</style>